

#layout{
		
	// 顶部搜索栏	
	.search{
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 0.44rem;
		background: rgba(0,0,0,0.4);
		z-index: 22;
		.search-box{
			position: relative;
			margin: 0.08rem 0.18rem;
			input{
				padding-left: 0.3rem;
				padding-right: 0.15rem;
				width: 100%;
				height: 0.28rem;
				border-radius: 0.5rem;
				background: transparent;
				border: 1px solid #fff;
				color: #333;
				font-size: 0.12rem;
				&::placeholder{
					color: #c8c8c8;
				}
			}
			&::before{
				    content: '';
				    position: absolute;
				    top: 0.04rem;
					left: 0.08rem;
				    width: 0.2rem;
				    height: 0.2rem;
				    background: url(../images/icon/galss_03.png) no-repeat center/85% auto;

					
			}
		}
	}
	
	// 主体内容
	.main{
	
		// 导航
		.entry-nav{
			padding: 0.12rem 0.08rem;
			.row{
				display: flex;
				justify-content: space-between;
				&:nth-of-type(1){
					span{
						padding-left: 0.1rem;
					}
				}
				&:nth-of-type(2){
					margin: 0.09rem 0;
					.col1{
						background: url(../images/icon/btnlist0323_06.jpg) no-repeat center / 100% auto;
					}
					.col2 .bluesky{
						background: url(../images/icon/btnlist0323_08.jpg) no-repeat center / 100% auto;
					}
				}
				&:nth-of-type(3){
					.col1{
						background: url(../images/icon/btnlist0323_12.jpg) no-repeat center / 100% auto;
					}
				}
				&>a{
					width: 33.33%;
					text-align: center;
					span{
						font-size: 0.16rem;
						text-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
						color: #fff;
						display: block;

					}
				}
			
				.col1{
					width: 1.09rem;
					height: 0.925rem;
					background: url(../images/icon/btnlist0323_03.jpg) no-repeat center / 100% auto;
					span{
						margin: 0.1rem auto;
					}
				}
				.col2,.col3{
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					.orange{
						background: #ff9f26;
					}
					.purple{
						background: #de4a89;
					}
					.blue{
						background: #7e83e3;
						
					}
					.bluesky{
						background: #3aace0;
					}
					.cyan{
						background: #31c6cc;
						padding-left: 0.1rem;
					}
					.yellow{
						background: #bac731;
					}
					.green{
						background: #82c731;
					}
					.bg{
						background: url(../images/icon/btnlist0323_14.jpg) no-repeat center / 100% auto;
					}
					
					span{
						position: relative;
						width: 1.2rem;
						height: 0.44rem;
						line-height: 0.44rem;
						background: #ccc;
						
						&::before{
							content: '';
							width: 0.25rem;
							height: 0.25rem;
							position: absolute;
							left: 0.1rem;
							top: 0.08rem;
							background:  no-repeat center / 100% auto;
						}
						
					}
					.exit::before{
						background-image: url(../images/icon/ltbtn0323_03.png);
					}
					.nearby::before{
						background-image: url(../images/icon/ltbtn0323_06.png);
					}
					.domestic::before{
						background-image: url(../images/icon/ltbtn0323_13.png);
					}
					.local::before{
						background-image: url(../images/icon/ltbtn0323_08.png);
					}
					.ticket::before{
						background-image:url(../images/icon/ltbtn0323_10.png); ;
					}
				}
			}
		}
		
		// 特卖会
		.sale{
			margin-top: 0.085rem;
			padding: 0 0.14rem;
			.title{
				font-size: 0.15rem;
				color: #1448ae;
				height: 0.35rem;
				line-height: 0.35rem;
				position: relative;
				padding-left: 0.28rem;
				&::before{
					content: '';
					position: absolute;
					width: 0.25rem;
					height: 0.25rem;
					left: 0;
					top: 0.05rem;
					background: url(../images/icon/sprites.png) no-repeat;
					background-size: 3.75rem auto;
					background-position: -1.88rem -0.52rem;
				}
			}
			.content{
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				color: #333;
				font-size: 0.14rem;
				li{
					width: 49%;
					border: 1px solid #e0e0e0;
					margin-bottom: 0.09rem;
					.desc{
						padding: 0.07rem 0.05rem;
						.tag{
							margin-top: 0.13rem;
							display: flex;
							justify-content: space-between;
							color: #999;
							font-size: 0.12rem;
							.prize{
								font-size: 0.08rem;
								position: relative;
								i{
									font-style: normal;
									position: absolute;
									top: 0;
									left: -0.08rem;
									
									color: #ff9900;
								}
								span{
									font-size: 0.13rem;
									color: #ff9900;
									
								}
								
							}
						}
					}
					
				}
			}
		}
			
	}
	

	


}




